html,body{
    height: 100%;
}
.detail-info{
    padding-bottom: 3.5rem;
}
.detail-info .goods-carousel{
    width: 100vw;
    height: 100vw;
}
.detail-info .goods-carousel img{
    width: 100%;
}
.detail-info .price-area{
    background-color: #0eab4b;
}
.detail-info .price-area .van-cell{
    background-color: rgb(255, 255, 255,0);
    padding: 0 10px;
    position: unset;
}
.price-title{
    color:#FFFFFF;
    font-weight: bold;
    font-size: 1rem;
}
.old-price-title{
    color:#c6e7cb;
    font-size: 0.7rem;
    text-decoration:line-through;
}
.goods-numbner{
    color:#c6e7cb;
    font-size: 0.6rem;
}

.detail-info .buy-progress{
    padding: 20px 10px 10px 10px;
    display: flex;
    height: 1rem;
    align-items: center;
    
}

.detail-info .buy-progress .progress-title{
    color:#0eab4b;
    font-size: 0.7rem;
    width: 4rem;
}

.detail-info .buy-progress .progress-item{
    width: calc(100% - 4rem);
    border: 1px solid #0eab4b;
    height: 0.7rem;
    border-radius: 10px;
}

.detail-info .buy-progress .progress-item .progress-active{
    background-color: #0eab4b;
    height: 0.7rem;
    border-radius: 10px;
}

.detail-info .goods-title{
    color:#000000;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 10px 10px 0 10px;
}
.detail-info .goods-type{
    padding: 5px 10px 10px 10px;
    display: flex;
}
.detail-info .goods-type span{
    font-size: 0.7rem;
    color:#999999;
    display: flex;
    align-items: center;
    margin: 0 2px;
}

.detail-info .tab-area{
    height: 4rem;
}

.detail-info .tab-area .goods-tabs{
    margin-top: 10px;
    text-align: center;
}
.detail-info .tab-area .goods-tabs .goods-tabs-item{
    color: #999999;
    margin: 0 10px;
}

.detail-info .tab-area .goods-tabs .goods-tabs-item.active{
    color: #000000;
    font-weight: bold;
    border-bottom: 2px solid #0eab4b;
}

.detail-info .goods-detail img{
    width: 100%;
}
footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 3rem;
    line-height:3rem;
}
.place-order-imy{
    background-color: #12b952;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
}